<template>
	<el-container>
		<el-header>
			学生管理系统<span>-版权所有</span>
			</el-header>
		<el-container>
			<el-aside width="200px">
				<el-menu router :default-active="$route.path"  background-color="#000000"
					text-color="#fff" active-text-color="#ffd04b">



					<el-menu-item index="/v1">
						<i class="el-icon-menu"></i>
						<span slot="title">人脸识别</span>
					</el-menu-item>

					<el-menu-item index="/v2">
						<i class="el-icon-menu"></i>
						<span slot="title">视频直播</span>
					</el-menu-item>
					
				
					
					<el-menu-item index="/v3">
						<i class="el-icon-menu"></i>
						<span slot="title">机器学习短信分类</span>
					</el-menu-item>
					
					<el-menu-item index="/v4">
						<i class="el-icon-menu"></i>
						<span slot="title">视频识别</span>
					</el-menu-item>
					

					<el-menu-item index="/v5">
						<i class="el-icon-menu"></i>
						<span slot="title">学生管理</span>
					</el-menu-item>


				</el-menu>
			</el-aside>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
	export default {
		name: 'Home',
		data() {
			return {

			}
		},
		methods: {


		}
	}
</script>

<style scoped="scoped">
	.el-container {
		height: 100%;
	}

	.el-header {
		background-color: #012f88;
		color: #fff;
		text-align: center;
		line-height: 60px;
		font-size: 20px;
	}
    .el-header span{
		font-size: 14px;
	}
	.el-aside .el-menu {
		height: 100%;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
		text-align: center;
	}
</style>
